<!DOCTYPE html> 
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>小方决策</title>
<link rel="stylesheet" href="css/makePolicy.css">
</head>
<body>
<div class="container">
	<div class="top-nav">
		<div class="nav-wrap">
			<div class="nav active">买入信号</div>
			<div class="nav">卖出信号</div>
		</div>
		<div class="ques">
			
		</div>
		<div class="pop-dialog">
			<div class="dialog-content">
				参考价：买入、卖出股票时的参考交易价格。<br>
				成功率：自2013年起按照小方决策买卖点操作的成功概率。一组买卖点收益为正时记为成功，收益为负是记为失败。<br>
				收益率：自2013年起按照小方决策买卖点操作的累计收益率。<br>
			</div>	
		</div>
	</div>

	<div class="bottom-blank">
		<div class="stock-page">
			<div class="stock-item">
				<div class="title">深证公用 399622</div>
				<div class="numbers-box">
					<div class="num-l">
						<div class="item">
							<div class="num red">275.8%</div>
							<div class="txt">成功率</div>
						</div>
						<div class="item">
							<div class="num">523.38%</div>
							<div class="txt">收益率</div>
						</div>
					</div>
					<div class="num-r">
						<div class="ref">参考价<span>36.34</span></div>
						<div class="new">最新价<span class="green">622.34</span></div>
					</div>
				</div>
			</div>
			<div class="stock-item">
				<div class="title">深证公用 399622</div>
				<div class="numbers-box">
					<div class="num-l">
						<div class="item">
							<div class="num">275.8%</div>
							<div class="txt">成功率</div>
						</div>
						<div class="item">
							<div class="num">523.38%</div>
							<div class="txt">收益率</div>
						</div>
					</div>
					<div class="num-r">
						<div class="ref">参考价<span>36.34</span></div>
						<div class="new">最新价<span>622.34</span></div>
					</div>
				</div>
			</div>
			<div class="stock-item">
				<div class="title">深证公用 399622</div>
				<div class="numbers-box">
					<div class="num-l">
						<div class="item">
							<div class="num">275.8%</div>
							<div class="txt">成功率</div>
						</div>
						<div class="item">
							<div class="num">523.38%</div>
							<div class="txt">收益率</div>
						</div>
					</div>
					<div class="num-r">
						<div class="ref">参考价<span>36.34</span></div>
						<div class="new">最新价<span>622.34</span></div>
					</div>
				</div>
			</div>
			<div class="stock-item">
				<div class="title">深证公用 399622</div>
				<div class="numbers-box">
					<div class="num-l">
						<div class="item">
							<div class="num">275.8%</div>
							<div class="txt">成功率</div>
						</div>
						<div class="item">
							<div class="num">523.38%</div>
							<div class="txt">收益率</div>
						</div>
					</div>
					<div class="num-r">
						<div class="ref">参考价<span>36.34</span></div>
						<div class="new">最新价<span>622.34</span></div>
					</div>
				</div>
			</div>
		</div>
		<div class="stock-page hidden">
			<div class="empty">
				<img src="images/info_icon@2x.png" alt="">
				<p>股票池空空如也~</p>
			</div>
		</div>
	</div>

	<div class="footer">
		<div class="sign">立即签约，查看智选股票</div>
	</div>

	<div class="select-product-mask">
		<div class="select-product-dialog">
			<h3>请选择您要签约的产品</h3>
			<div class="products-wrap">
				<div class="product active">
					<div class="title">
						决策点金
						<span>(人智合一升级版)</span>
						<i><img src="images/fire@2x.png" alt=""></i>
					</div>
					<div class="funcs">
						<span>买卖点</span>
						<i>+</i>
						<span>股票池</span>
						<i>+</i>
						<span>金牌投顾</span>
					</div>
				</div>
				<div class="product active">
					<div class="title">
						小方决策
						<span>(工具版)</span>
						<!-- <i><img src="images/fire@2x.png" alt=""></i> -->
					</div>
					<div class="funcs">
						<span>买卖点</span>
						<i>+</i>
						<span>股票池</span>
					</div>
				</div>
			</div>
			<div class="close-btn">
				<img src="./images/dialog_close.png" alt="">
			</div>
		</div>
	</div>


</div>

<script src="js/build/lib.js?134" type="text/javascript"></script>

<script>
var makePolicy = {
	init: function(){
		// 兼容按压效果
		document.body.addEventListener('touchstart', function () { //...空函数即可
		});
	},
	events: function(){
		// tab切换
		$('.top-nav .nav').hammer().on('tap',function(){
			var _index = $('.top-nav .nav').index($(this));
			$(this).addClass('active').siblings('.nav').removeClass('active');
			$('.stock-page').eq(_index).show().siblings('.stock-page').hide();
		});

		//问号
		$('.ques').hammer().on('tap',function(e){
			e.stopImmediatePropagation();
			$('.pop-dialog').show();
		});
		$(document).on("touchstart",function(){
		    $('.pop-dialog').hide();
		});

		//弹出的产品窗口相关操作
		$('.sign').hammer().on('tap',function(){
			$('.select-product-mask').show();
		});

		$('.select-product-mask .close-btn').hammer().on('tap',function(){
			$('.select-product-mask').hide();
		});

		$('.select-product-mask .product').on('touchstart',function(){
			$(this).removeClass('active');
			$('.select-product-mask').delay(100).hide(1);
		});
	},
	run: function(){
		this.init();
		this.events();
	}
};
makePolicy.run();
</script>

</body>
</html>
